<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>Nice-Food-支付成功</title>
    <link rel="stylesheet" type="text/css" href="/static/css/reset.css">
	<link rel="stylesheet" type="text/css" href="/static/css/main.css">
	<script type="text/javascript" src="/static/js/vue-2.5.16.js"></script>
    <script type="text/javascript" src="/static/js/axios-0.18.0.min.js"></script>
    <script type="text/javascript" src="/static/js/pay_success.js"></script>
</head>
<body>
    <div class="header_con">
        <div class="header" v-cloak>
			<div class="welcome fl">欢迎来到juju美食网站!</div>
			<div class="fr">
                <div v-if="username" class="login_btn fl">
                    {% if user.is_authenticated  %}
                            <li class="head-dpdn">
                                欢迎您：<em>{{ user.username }}</em>
                                <a href="{{ url('users:logout') }}">退出</a>
                            </li>
                            {% else %}
							<li class="head-dpdn">
								<a href="{{ url('users:login') }}"><i class="fa fa-sign-in" aria-hidden="true"></i> 登录</a>
							</li>
							<li class="head-dpdn">
								<a href="{{ url('users:register') }}"><i class="fa fa-user-plus" aria-hidden="true"></i> 注册</a>
							</li>
                         {% endif %}
                </div>
				<div class="user_link fl">
					<span>|</span>
					<a href="{{ url('users:usercenter') }}">用户中心</a>
					<span>|</span>
					<a href={{ url('shoppingcarts:carts') }}>我的购物车</a>
					<span>|</span>
					<a href="">我的订单</a>
				</div>
			</div>
		</div>
    </div>
    <div class="search_bar clearfix">
		<a href="{{ url('index:index') }}" class="logo fl"><img src=""></a>

	</div>
    <div class="common_list_con clearfix">
        <div class="btn_success">
            <p><b>订单支付成功</b></p>
            <p>您的订单已成功支付，支付交易号：{{ trade_id }}</p>
            <p><a href="{{ url('users:usercenter') }}">您可以在【用户中心】->【我的订单】查看该订单</a></p>
        </div>
    </div>
    <div class="footer">
        <div class="foot_link">
            <a href="#">关于我们</a>
            <span>|</span>
            <a href="#">联系我们</a>
            <span>|</span>
            <a href="#">招聘人才</a>
            <span>|</span>
            <a href="#">友情链接</a>
        </div>
        <p>CopyRight © 2016 北京美多商业股份有限公司 All Rights Reserved</p>
        <p>电话：010-****888    京ICP备*******8号</p>
    </div>

</body>
</html>